
var index;
var areaId = [];
var province = [];
var neighbourhood = [];
var city = [];
var address = [];
var state = [];

var body = $("body");

//分配员工
body.on('click','.assign',function () {
    index = $(this).parent().parent().children().eq(0).text();
    var modal_body = $('#modal-body');
    modal_body.empty();
    $address = $('<ul class="list-group"></ul>');
    $address.appendTo(modal_body);
    $address.append("<li class='list-group-item'><h4>地址： "+address[index]+"</h4></li>");
    $address.append("<li class='list-group-item'><h4>小区： "+neighbourhood[index]+"</h4></li>");
    $("#adminTable").bootstrapTable('refresh');

    // $table_responsive = $("<div class='table-responsive'></div>");
    // $table_responsive.appendTo(modal_body);
    // $table = $("<table id='adminTable'></table>");
    // $table.appendTo($table_responsive);

    // $table = $("<table class='table table-bordered'></table>");
    // $table.appendTo($table_responsive);
    // $thead = $("<thead></thead>");
    // $thead.appendTo($table);
    // $tr = $("<tr></tr>");
    // $tr.appendTo($thead);
    // $tr.append("<th><input id='select_all' type='checkbox'></th>");
    // $tr.append("<th>工作人员ID</th>");
    // $tr.append("<th>姓名</th>");
    // $tr.append("<th>手机号</th>");
    // $tr.append("<th>处理捐赠数</th>");
    // $tbody = $("<tbody></tbody>");
    // $tbody.appendTo($table);


    // $.ajax({
    //     type:'post',
    //     url:'getAreaAdminList',
    //     data:{
    //         'city':address[index]
    //     },
    //     success:function (data) {
    //         console.log(data);
    //         for(var i = 0;i<data.length;i++){
    //             $tr2 = $("<tr></tr>");
    //             $tr2.appendTo($tbody);
    //             $tr2.append("<td><input class='select' type='checkbox'></td>");
    //             $tr2.append("<td>"+data[i].adminId+"</td>");
    //             $tr2.append("<td>"+data[i].adminName+"</td>");
    //             $tr2.append("<td>"+data[i].phone+"</td>");
    //             $tr2.append("<td>"+data[i].oderNumber+"</td>");
    //         }
    //     }
    // })

});


body.on('click','#confirm',function () {

    //console.log();
    var workId = [];
    var workName = [];
    var adminInfo= $("#adminTable").bootstrapTable('getSelections');
    if(adminInfo.length!==0){
        for (var i = 0;i<adminInfo.length;i++){
            workId[i] = adminInfo[i].adminId;
            workName[i] = adminInfo[i].adminName;
        }
    }else {
        return;
    }

    <!--分配员工-->
    $.ajax({
        type:'post',
        url:'assignAdmin',
        traditional: true,
        data:{
            workId:workId,
            workName:workName,
            workArea:address[index]+neighbourhood[index],
            areaId:index
        },
        success:function (data) {
            console.log(data);
            if(data===1){
                console.log("测试");
            }
            $("#assignModal").modal('hide');
            $('#areaTable').bootstrapTable('refresh');
        }
    })
});

<!--关闭模态框-->
body.on('click','.btn-confirm',function () {
    $("#assignModal").modal('hide');
});
body.on('click','.btn-close',function () {
    $("#assignModal").modal('hide');
});
//查询选择的数据
$("#search-btn").click(function () {
    var name;
    var province = $("#province option:selected").val();
    var city = $("#city option:selected").val();
    var county = $("#county option:selected").val();
    city = city+county;
    if(city===""){
        name = province;
    }
    else {
        name = city;
    }
    var table = $("table tr:gt(0)");
    table.hide();
    var $d = table.filter(":contains('"+$.trim(name)+"')");
    $d.show();

});

    $('#areaTable').bootstrapTable({
        classes: 'table table-bordered table-hover table-striped',
        url: 'getRecyclingAreaList',
        method: 'get',
        contentType:'application/json',
        dataType : 'json',        // 因为本示例中是跨域的调用,所以涉及到ajax都采用jsonp,
        uniqueId: 'areaId',
        cache:'false',
        idField: 'areaId',             // 每行的唯一标识字段
        toolbar: '#toolbar',       // 工具按钮容器
        clickToSelect: true,     // 是否启用点击选中行
        showColumns: true,         // 是否显示所有的列
        showRefresh: true,         // 是否显示刷新按钮
        showSearchClearButton:true,
        //showToggle: true,        // 是否显示详细视图和列表视图的切换按钮(clickToSelect同时设置为true时点击会报错)

        pagination: true,                    // 是否显示分页
        sortOrder: "asc",                    // 排序方式
        // 传递参数
        sidePagination: "client",            // 分页方式：client客户端分页，server服务端分页
        pageNumber: 1,                       // 初始化加载第一页，默认第一页
        pageSize: 15,                        // 每页的记录行数     // 可供选择的每页的行数
        search: true,                      // 是否显示表格搜索，此搜索是客户端搜索

        //showExport: true,        // 是否显示导出按钮, 导出功能需要导出插件支持(tableexport.min.js)
        //exportDataType: "basic", // 导出数据类型, 'basic':当前页, 'all':所有数据, 'selected':选中的数据

        columns: [{
            field: 'areaId',
            title: '区域ID',
            sortable: true    // 是否排序
        }, {
            field: 'province',
            title: '省份'
        }, {
            field: 'city',
            title: '地址市区/县'
        }, {
            field: 'neighbourhood',
            title: '小区名'
        }, {
            field: 'assignPeople',
            title: '分配人员',
            formatter:function (value) {
                if(value===null||value===""){
                    return "暂无";
                }else {
                    return value;
                }
            }
        }, {
            field: 'state',
            title: '状态',
            formatter:function (value) {
                if(value==="未分配"){
                    return "<h4><span class='label label-danger'> 未分配 </span></h4>";
                }else {
                    return "<h4><span class='label label-success'> 已分配 </span></h4>";
                }
            }
        },{
            field: 'operate',
            title: '操作',
            formatter:function (value,item) {
                address[item.areaId] = item.province + item.city;
                neighbourhood[item.areaId] = item.neighbourhood;
                return "<button class='btn btn-info btn-sm btn-w-md btn-round assign' data-toggle='modal' data-target='.bs-example-modal-lg'>分配人员</button>";
            }
        }],
        onLoadSuccess: function(data){
            $("[data-toggle='tooltip']").tooltip();
        }
    });

$('#adminTable').bootstrapTable({
    classes: 'table table-bordered table-hover table-striped',
    url: 'getAreaAdminList',
    method: 'post',
    contentType:'application/json',
    dataType : 'json',        // 因为本示例中是跨域的调用,所以涉及到ajax都采用jsonp,
    uniqueId: 'areaId',
    cache:'false',
    idField: 'areaId',             // 每行的唯一标识字段
    toolbar: '#toolbar',       // 工具按钮容器
    //showToggle: true,        // 是否显示详细视图和列表视图的切换按钮(clickToSelect同时设置为true时点击会报错)

    sortOrder: "asc",                    // 排序方式
    queryParams: function(params) {
        params = {
            city: address[index]
        };
        return params;
    },                                   // 传递参数
    sidePagination: "client",            // 分页方式：client客户端分页，server服务端分页
    pageNumber: 1,                       // 初始化加载第一页，默认第一页
    pageSize: 15,                        // 每页的记录行数     // 可供选择的每页的行数

    //showExport: true,        // 是否显示导出按钮, 导出功能需要导出插件支持(tableexport.min.js)
    //exportDataType: "basic", // 导出数据类型, 'basic':当前页, 'all':所有数据, 'selected':选中的数据

    columns: [{
        checkbox:true
    },{
        field: 'adminId',
        title: '工作人员ID',
        sortable: true
    }, {
        field: 'adminName',
        title: '姓名'
    }, {
        field: 'phone',
        title: '手机号'
    }, {
        field: 'oderNumber',
        title: '处理捐赠数',
        sortable: true
    }],
    onLoadSuccess: function(data){
        $("[data-toggle='tooltip']").tooltip();
    }
});


